<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>The Semantic Grid System | Fluid Example</title>

    <!-- Stylesheets -->
	<link rel="stylesheet" href="responsive.less" type="text/less" media="screen" />
	<!--link rel="stylesheet" href="responsive.css" type="text/css" media="screen" /-->
	
    <!-- Scripts -->
	<script src="../../js/less-1.1.3.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]><script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
	
	<!-- Header -->
	<header id="top">
		<h1><a href="http://semantic.gs/">The Semantic Grid System</a></h1>
	</header>

	<!-- Main Body -->
	<article id="maincolumn">
		<h2>Main</h2>
	</article>

	<!-- Sidebar -->
	<section id="sidebar">
		<h2>Sidebar</h2>
	</section>
	
</body>
</html>